<template>
    <div>
        生命周期钩子函数
        <button @click="count++">点击</button>
        <p>{{ count }}</p>
    </div>
</template>
<script setup>
import {onMounted,onBeforeUpdate,ref,onUnmounted} from 'vue'

onMounted(()=>{
    console.log('组件挂载完成');
})
onBeforeUpdate(()=>{
    console.log('组件更新之前');
})
onUnmounted(()=>{
    console.log('组件卸载之前');
})
</script>
<style scoped>
</style>